$view-mask-color: rgba(52, 73, 94, 0.3);
$tools-width: 500;
$tools-background-color: rgba(34, 166, 179, 0.6);

#pdf-viewer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  width: 100%;
  min-height: 100vh;
  overflow-y: auto;
  background-color: $view-mask-color;
  justify-content: center;

  .render-view {
    position: relative;
    height: inherit;

    .render-view-content {
      transform-origin: top center;

      :deep(.vue-pdf-embed__page) {
        margin-bottom: 8px;
        box-shadow: 0 2px 8px 4px rgb(0 0 0 / 10%);
      }
    }

    .render-view-tools {
      position: fixed;
      right: calc(50% - $tools-width / 2 * 1px);
      bottom: 35px;
      left: calc(50% - $tools-width / 2 * 1px);
      width: $tools-width * 1px;
      height: 40px;
      padding: 0 10px;
      margin: 0 !important;
      background: $tools-background-color;
      border-radius: 20px;

      &-item {
        text-align: center;
        cursor: pointer;

        > i {
          vertical-align: middle;
        }

        > span {
          vertical-align: middle;
        }
      }
    }

    .render-view-progress {
      position: relative;
      width: 50vw;
      height: 100vh;
      margin: 0 auto;

      &-content {
        // line-height: 100vh;
        margin: 0 auto;
      }
    }
  }
}
